webpackJsonp([27],{

/***/ 180:
/***/ (function(module, exports, __webpack_require__) {

var disposed = false
function injectStyle (ssrContext) {
  if (disposed) return
  __webpack_require__(805)
}
var normalizeComponent = __webpack_require__(0)
/* script */
var __vue_script__ = __webpack_require__(807)
/* template */
var __vue_template__ = __webpack_require__(808)
/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  __vue_script__,
  __vue_template__,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)
Component.options.__file = "resources/assets/js/view/components/icons/icons.vue"

/* hot reload */
if (false) {(function () {
  var hotAPI = require("vue-hot-reload-api")
  hotAPI.install(require("vue"), false)
  if (!hotAPI.compatible) return
  module.hot.accept()
  if (!module.hot.data) {
    hotAPI.createRecord("data-v-81b1c258", Component.options)
  } else {
    hotAPI.reload("data-v-81b1c258", Component.options)
  }
  module.hot.dispose(function (data) {
    disposed = true
  })
})()}

module.exports = Component.exports


/***/ }),

/***/ 805:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(806);
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var update = __webpack_require__(4)("628ac3ec", content, false, {});
// Hot Module Replacement
if(false) {
 // When the styles change, update the <style> tags
 if(!content.locals) {
   module.hot.accept("!!../../../../../../node_modules/css-loader/index.js!../../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-81b1c258\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../../node_modules/less-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./icons.vue", function() {
     var newContent = require("!!../../../../../../node_modules/css-loader/index.js!../../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-81b1c258\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../../node_modules/less-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./icons.vue");
     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
     update(newContent);
   });
 }
 // When the module is disposed, remove the <style> tags
 module.hot.dispose(function() { update(); });
}

/***/ }),

/***/ 806:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(1)(false);
// imports


// module
exports.push([module.i, "\n.icon-code {\n  margin: 20px 0 10px;\n}\n.intro-p {\n  margin-bottom: 10px;\n}\n", ""]);

// exports


/***/ }),

/***/ 807:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__c_icons__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__c_common_icon__ = __webpack_require__(15);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//



/* harmony default export */ __webpack_exports__["default"] = ({
  name: 'icons_pages',
  components: {
    Icons: __WEBPACK_IMPORTED_MODULE_0__c_icons__["a" /* default */],
    CommonIcon: __WEBPACK_IMPORTED_MODULE_1__c_common_icon__["a" /* default */]
  },
  data: function data() {
    return {
      customIconList: ['woman', 'man', 'smile', 'meh', 'frown', 'bear']
    };
  }
});

/***/ }),

/***/ 808:
/***/ (function(module, exports, __webpack_require__) {

var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c(
    "Row",
    [
      _c(
        "i-col",
        { attrs: { span: "16" } },
        [
          _vm._l(_vm.customIconList.length / 3, function(i) {
            return _c(
              "Row",
              { key: "custom-icon-row-" + i },
              _vm._l(_vm.customIconList.slice((i - 1) * 3, i * 3), function(
                item
              ) {
                return _c(
                  "i-col",
                  { key: "custom-icon-" + item, attrs: { span: "8" } },
                  [
                    _c(
                      "Card",
                      {
                        staticStyle: {
                          margin: "0 5px 5px",
                          "text-align": "center"
                        }
                      },
                      [
                        _c("icons", { attrs: { size: 30, type: item } }),
                        _vm._v(" "),
                        _c("p", { staticClass: "icon-code" }, [
                          _vm._v(
                            '<Icons :size="30" type="' + _vm._s(item) + '">'
                          )
                        ]),
                        _vm._v(" "),
                        _c("p", [
                          _vm._v(
                            '<CommonIcon :size="30" type="_' +
                              _vm._s(item) +
                              '">'
                          )
                        ])
                      ],
                      1
                    )
                  ],
                  1
                )
              })
            )
          }),
          _vm._v(" "),
          _c(
            "Row",
            [
              _c(
                "i-col",
                [
                  _c(
                    "Card",
                    {
                      staticStyle: {
                        margin: "0 5px 5px",
                        "text-align": "center"
                      }
                    },
                    [
                      _c("common-icon", { attrs: { size: 30, type: "ionic" } }),
                      _vm._v(" "),
                      _c("p", { staticClass: "icon-code" }, [
                        _vm._v("iView内置图标")
                      ]),
                      _vm._v(" "),
                      _c("p", [_vm._v('<CommonIcon :size="30" type="ionic">')])
                    ],
                    1
                  )
                ],
                1
              )
            ],
            1
          )
        ],
        2
      ),
      _vm._v(" "),
      _c(
        "i-col",
        { attrs: { span: "8" } },
        [
          _c("Card", [
            _c(
              "p",
              { staticClass: "intro-p" },
              [
                _c("Icon", {
                  staticStyle: { "margin-right": "10px" },
                  attrs: { size: 10, type: "heart" }
                }),
                _vm._v(
                  "Icons组件支持自定义图标的显示，具体自定义图标字体文件的制作请参考文档。"
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "p",
              { staticClass: "intro-p" },
              [
                _c("Icon", {
                  staticStyle: { "margin-right": "10px" },
                  attrs: { size: 10, type: "heart" }
                }),
                _vm._v(
                  'CommonIcon组件同时支持iView内置图标类型和自定义图标类型，为了区别这两种类型，需要在自定义图标名称前加下划线"_"'
                )
              ],
              1
            )
          ])
        ],
        1
      )
    ],
    1
  )
}
var staticRenderFns = []
render._withStripped = true
module.exports = { render: render, staticRenderFns: staticRenderFns }
if (false) {
  module.hot.accept()
  if (module.hot.data) {
    require("vue-hot-reload-api")      .rerender("data-v-81b1c258", module.exports)
  }
}

/***/ })

});